<template>
    <div>
        <div class="">
            <div class="firstPage">
                <div
                    style="
                        height: 500px;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        text-align: center;
                    "
                >
                    <div
                        style="
                            text-align: center;
                            font-size: 34px;
                            font-weight: 600;
                        "
                    >
                        xxxxxxxxxxxxx公司
                    </div>
                    <div
                        style="
                            text-align: center;
                            font-size: 34px;
                            font-weight: 600;
                        "
                    >
                        项目申报规划
                    </div>
                </div>
                <div
                    style="
                        font-size: 18px;
                        font-weight: 600;
                        height: 1200px;
                        text-align: center;
                        display: flex;
                        justify-content: center;
                        flex-direction: column;
                    "
                >
                    图片
                    <div>看资讯、查政策、招部门、做规划</div>
                    <div>来透策（www.touce.com.cn）就够了</div>
                </div>
                <div
                    style="
                        text-align: center;
                        font-size: 18px;
                        font-weight: 600;
                    "
                >
                    <div>湖南标点科技服务有限公司</div>
                    <div>{{ currentDateTime }}</div>
                </div>
            </div>
            <div class="divide-inside">
                <div style="font-weight: 600">一、单位概况</div>
                <div
                    style="
                        margin-left: 2ch;

                        font-weight: 600;
                    "
                >
                    单位名称：
                    <span style="font-size: 18px"></span>
                </div>
                <div
                    style="
                        margin-left: 2ch;

                        font-weight: 600;
                    "
                >
                    法定代表人：
                    <span style="font-size: 18px"></span>
                </div>
                <div
                    style="
                        margin-left: 2ch;

                        font-weight: 600;
                    "
                >
                    成立日期：
                    <span style="font-size: 18px"></span>
                </div>
                <div
                    style="
                        margin-left: 2ch;

                        font-weight: 600;
                    "
                >
                    注册资本：
                    <span style="font-size: 18px"></span>
                </div>
                <div
                    style="
                        margin-left: 2ch;

                        font-weight: 600;
                    "
                >
                    注册地址：
                    <span style="font-size: 18px"></span>
                </div>
                <div
                    style="
                        margin-left: 2ch;

                        font-weight: 600;
                    "
                >
                    所属地区：
                    <span style="font-size: 18px"></span>
                </div>
                <div
                    style="
                        margin-left: 2ch;

                        font-weight: 600;
                    "
                >
                    经营范围：
                    <span style="font-size: 18px"></span>
                </div>
            </div>
            <div class="divide-inside">
                <div style="font-weight: 600">二、立项汇总</div>
                <div
                    style="
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    "
                >
                    <div>
                        <div>
                            通过平台数据库查询，已知单位获项目支持XX项，其中专项资金XX项，荣誉资质XX项，赛事活动XX项，其他XX项目
                        </div>
                    </div>
                    <div
                        class="divide-inside"
                        ref="echartsContainer"
                        style="width: 600px; height: 400px"
                    ></div>
                </div>
            </div>
            <el-table :data="tableData" style="width: 100%">
                <el-table-column
                    prop="date"
                    label="日期"
                    width="180"
                ></el-table-column>
                <el-table-column
                    prop="name"
                    label="姓名"
                    width="180"
                ></el-table-column>
                <el-table-column prop="address" label="地址"></el-table-column>
            </el-table>
            <div class="divide-inside">
                <div style="font-weight: 600">三、近期规划</div>
                <div
                    style="
                        display: flex;
                        justify-content: center;
                        align-items: center;
                    "
                >
                    <div>
                        <div>
                            通过平台规划模型计算，为单位规划了可申报项目XX项，其中专项资金XX项，荣誉资质XX项，赛事活动XX项，其他XX项目。
                        </div>
                    </div>
                    <div
                        class="divide-inside"
                        ref="echartsContainer"
                        style="width: 600px; height: 400px"
                    ></div>
                </div>
            </div>
            <h3 style="display: flex; justify-content: center; align-items: center">
        规划申报项目构成表
      </h3>

      <el-table :data="pdfData.policyList" style="width: 100%">
        <el-table-column type="index" label="序号" width="80" />
        <el-table-column prop="policyName" label="政策名称" />
        <el-table-column prop="benefits" label="政策利好" />
        <el-table-column prop="typeName" label="政策类型" />
        <el-table-column prop="statusName" label="政策状态" />
        <el-table-column prop="cutOffTime" label="截止时间" />
      </el-table>
        </div>
        <div class="divide-inside" style="font-size: 18px">
            <div style="font-weight: 600">四、说明&建议</div>
            <div style="margin-left: 2ch">1、规划说明</div>

            <div style="margin-left: 2ch">
                （1）规划结果由平台规划模型结合已知单位信息自动生成，罗列了贵单位符合基础要求且现行有效的项目，但需要注意各项目之间的关系。
            </div>
            <div style="margin-left: 2ch">
                （2）特殊情况及极小概率情况的项目申报，不纳入自动规划的考虑范畴，若贵单位有添加/删除项目的需要，可以修改规划且保存后再生成规划。
            </div>
            <div style="margin-left: 2ch">
                （3）由于贵单位不断发展且项目变更频繁，规划有效期相对有限，建议每隔半年或一年再次进行规划。
            </div>
            <div style="margin-left: 2ch">2、申报建议</div>
            <div style="margin-left: 2ch">
                （1）除了能带来直接的收入外，项目申报本身可视为在政府主管部门的品牌及产品推广，因此，无论其支持力度大小、含金量如何，建议多多争取。
            </div>
            <div style="margin-left: 2ch">
                （2）申报基础条件不单纯取决于单位规模，也需要有着自主知识产权、相关荣誉资质、类似项目承担经验等条件的加持，因此，想要获得更高层次荣誉资质、更大金额的立项支持，建议重视常态化积累。
            </div>
            <div style="margin-left: 2ch">
                （3）资助类项目有实施周期，验收合格后方可再次申报；奖补类项目没有实施周期，符合条件第二年可以再次申报；除有明确规定外，一般而言同一项目在同一层级仅可获得一次支持，但不同层级间没有影响。
            </div>
        </div>
        <div class="divide-inside" style="font-size: 18px">
            <div style="font-weight: 600">五、透策概况</div>
            <div style="margin-left: 2ch; font-weight: 600">1、关于平台</div>

            <div style="margin-left: 2ch">
                作为“惠企政策百科全书”，平台通过全渠道收集、数据化处理、系统化梳理、智能化规划，帮助各类主体解决项目申报所面临的“不知道、不了解、不会办”三大难题，其主要特点如下：
            </div>
            <div style="margin-left: 2ch">
                （1）资讯全覆盖：覆盖各层级、各部委上千网站、公众号，惠企资讯，一手掌握。
            </div>
            <div style="margin-left: 2ch">
                （2）项目体系化：建有项目主题页、关系图谱，分类内容、所属关联，一目了然。
            </div>
            <div style="margin-left: 2ch">
                （3）内容数据化：建有政策分类、立项信息等数据库，信息检索、数据分析，一键查询。
            </div>
            <div style="margin-left: 2ch">
                （4）服务智能化：建有规划模型，可根据单位信息极速生成个性规划，极大降低用户相关工作量。
            </div>
            <div style="margin-left: 2ch; font-weight: 600">2、关于我们</div>
            <div style="margin-left: 2ch">
                作为平台建设及运营单位，湖南标点科技服务有限公司成立于2019年1月，是一家专注于政策数据收集、整理、分析的创新型企业，主要面向科技型企业、产业园区提供数据共享、信息化系统、政策咨询等服务，旨在通过“工具型平台+标准化服务+合伙人制度”的模式达成“探索行业新起点，打造行业新标杆”的发展愿景。
            </div>
            <div style="margin-left: 2ch; font-weight: 600">3、联系我们</div>

            <div style="margin-left: 2ch">
                <span style="font-weight: 600">联系方式：</span>
                18907485158
            </div>
            <div style="margin-left: 2ch">
                <span style="font-weight: 600">工作时间：</span>
                周一至周五 9:00-17:30
            </div>
            <div style="margin-left: 2ch">
                <span style="font-weight: 600">商务合作：</span>
                1546118975@qq.com
            </div>
            <div style="margin-left: 2ch">
                <span style="font-weight: 600">办公地址：</span>
                长沙市开福区马栏山视频文创产业园创智园一期
            </div>
        </div>
    </div>
</template>

<style lang="postcss" scoped>
.firstPage {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
p{
        display: inline-block;
    }
</style>
<script setup lang="ts">
import { reactive, ref } from "vue";
import ECharts from "../../components/echarts/index.vue";
import echarts from "echarts/lib/echarts";
import "echarts/lib/chart/sunburst";
const pdfData = JSON.parse(localStorage.getItem("pdfData"));

const currentDate = ref("");

const getCurrentDate = () => {
  const date = new Date();
  const year = date.getFullYear();
  const month = date.getMonth() + 1;
  const day = date.getDate();
  currentDate.value = `${year}年${month}月${day}日`;
};
getCurrentDate();
// console.log(pdfData)
// const {
//   itemStatisticsList,
//   normalStatisticsList,
// } = usematchingHook();
const approvalOption = reactive({
  // tooltip:{trigger: 'item',formatter: '{b0}: {c0}<br />'},
  color: [
    "#8ecace",
    "#3f9bad",
    "#9dc47f",
    "#d5e4c0",
    "#d6b652",
    "#faedbb",
    "#466cb4",
    "#9ab4d9"
  ],
  // silent: true,
  series: {
    type: "sunburst",
    data: pdfData.itemStatisticsList,
    radius: [30, "90%"],
    itemStyle: {
      // borderRadius: 7,
      borderWidth: 2
    },
    label: {
      show: true
    }
  }
});
const mactingOption = reactive({
  color: [
    "#3509d6",
    "#8257ec",
    "#2f32d1",
    "#7581e6",
    "#8575ac",
    "#c9bcde",
    "#c95a7a",
    "#f8d2da"
  ],
  series: {
    type: "sunburst",
    data: pdfData.normalStatisticsList,
    radius: [30, "90%"],
    itemStyle: {
      borderWidth: 2
    },
    label: {
      show: true
    }
  }
});

</script>
